<script setup lang="ts">
// import { ref } from 'vue'
import './styles/index.css'
import ChannelNav from './components/ChannelNav.vue'
import ArticleList from './components/ArticleList.vue'

// 选中菜单的 id=》作业：存到 pinia
// const activeId = ref(0)
</script>

<template>
  <!-- 频道菜单 -->
  <!-- <ChannelNav :activeId="activeId" @change="activeId = $event" /> -->
  <!-- 文章列表 -->
  <!-- <ArticleList :activeId="activeId" /> -->

  <!-- 频道菜单 -->
  <ChannelNav />
  <!-- 文章列表 -->
  <ArticleList />
</template>
